import React from 'react';
import { Table, Tabs } from 'antd';
import moment from 'moment';
import SupervisorProfileGroup from './SupervisorProfileGroup';

// 工作任务
const columns_task_ing = [
    {
        title: '任务ID',
        dataIndex: 'id',
        key: 'id',
        align: 'center'
    },
    {
        title: '任务标题',
        dataIndex: 'title',
        key: 'title',
        render: text => <span>{text}</span>
    },
    {
        title: '开始日期',
        dataIndex: 'startDate',
        key: 'startDate',
        align: 'center',
        render: text => (text ? moment(text).format('YYYY-MM-DD') : '--')
    },
    {
        title: '计划完成日期',
        dataIndex: 'plannedFinishDate',
        key: 'plannedFinishDate',
        align: 'center',
        render: text => (text ? moment(text).format('YYYY-MM-DD') : '--')
    },
    {
        title: '预计工作量',
        dataIndex: 'workload',
        key: 'workload',
        align: 'center'
    }
];

// 待开始工作任务
const columns_task_ready = [
    {
        title: '任务ID',
        dataIndex: 'id',
        key: 'id',
        align: 'center'
    },
    {
        title: '任务标题',
        dataIndex: 'title',
        key: 'title',
        render: text => <span>{text}</span>
    },
    {
        title: '计划开始日期',
        dataIndex: 'startDate',
        key: 'startDate',
        align: 'center',
        render: text => (text ? moment(text).format('YYYY-MM-DD') : '--')
    },
    {
        title: '计划完成日期',
        dataIndex: 'plannedFinishDate',
        key: 'plannedFinishDate',
        align: 'center',
        render: text => (text ? moment(text).format('YYYY-MM-DD') : '--')
    },
    {
        title: '预计工作量',
        dataIndex: 'workload',
        key: 'workload',
        align: 'center'
    }
];

// 已结束的工作任务
const columns_task_end = [
    {
        title: '任务ID',
        dataIndex: 'id',
        key: 'id',
        align: 'center'
    },
    {
        title: '任务标题',
        dataIndex: 'title',
        key: 'title',
        render: text => <span>{text}</span>
    },
    {
        title: '开始日期',
        dataIndex: 'startDate',
        key: 'startDate',
        align: 'center',
        render: text => (text ? moment(text).format('YYYY-MM-DD') : '--')
    },
    {
        title: '完成日期',
        dataIndex: 'finishDate',
        key: 'finishDate',
        align: 'center',
        render: text => (text ? moment(text).format('YYYY-MM-DD') : '--')
    },
    {
        title: '实际工作量',
        dataIndex: 'workload',
        key: 'workload',
        align: 'center',
        render: text => text || '--'
    },
    {
        title: '状态',
        dataIndex: 'status',
        key: 'status',
        align: 'center',
        render: text => text || '--'
    },
    {
        title: '评分',
        dataIndex: 'score',
        key: 'score',
        align: 'center',
        render: text => (text === 0 ? text : text ?? '--')
    }
];

/**
 * 工作任务
 */
const GroupingOfCourse = props => {
    const { data } = props;
    // 获取工作任务数据
    const { taskData } = data;

    // 演示使用数据 !!!! [DELETE]
    // const tempData1 = [
    //     {
    //         id: '3',
    //         title: '参与项目评审',
    //         finishDate: '2021-5-9 09:00:00',
    //         status: '未开始',
    //         score: '85',
    //         startDate: '2021-5-8 09:00:00',
    //         plannedFinishDate: '2021-4-9 09:00:00',
    //         workload: '8'
    //     }
    // ]
    // const tempData2 = [
    //     {
    //         id: '2',
    //         title: '参与设计评审',
    //         finishDate: '2021-5-9 09:00:00',
    //         status: '进行中',
    //         score: '85',
    //         startDate: '2021-5-8 09:00:00',
    //         plannedFinishDate: '2021/4/9 09:00:00',
    //         workload: '8'
    //     }
    // ]

    return (
        <SupervisorProfileGroup title="工作任务">
            <Tabs defaultActiveKey="1">
                <Tabs.TabPane tab={`进行中 (${taskData?.length || 0})`} key="1">
                    <Table rowKey="id" bordered columns={columns_task_ing} dataSource={taskData} pagination={false} />
                </Tabs.TabPane>
                <Tabs.TabPane tab={`待开始 (${0})`} key="2">
                    <Table rowKey="id" bordered columns={columns_task_ready} dataSource={[]} pagination={false} />
                </Tabs.TabPane>
                <Tabs.TabPane tab={`已结束 (${0})`} key="3">
                    <Table rowKey="id" bordered columns={columns_task_end} dataSource={[]} pagination={false} />
                </Tabs.TabPane>
            </Tabs>
        </SupervisorProfileGroup>
    );
};

export default GroupingOfCourse;
